<template>
    <a-layout class="history-wrapper">
        <a-layout>
            <Sider :data="data" />
            <Content type="history" />
        </a-layout>
    </a-layout>
</template>
<script lang="ts" setup>
import Content from "./components/Content.vue";
import Sider from "./components/Sider.vue";

const item = {
    avatar: "https://wework.qpic.cn/wwpic3az/318264_HVy9hWr1Rm2cZBD_1724924136/0",
    name: "测试号2",
    updated_at: "2024-09-09 17:29:55",
};

const data = new Array(20).fill("").map((_, id) => ({...item, id}));
</script>
<style lang="less" scoped>
.history-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    .ant-layout-header {
        background: #fff;
        padding: 0;
        height: 48px;
        border-bottom: 1px solid #f0f0f0;
    }
    .content {
        display: flex;
        overflow: hidden;
    }
}
</style>
